<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns:u="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://com.ss.stockmanager/jsf"
	xmlns:p="http://primefaces.org/ui" xmlns="http://www.w3.org/1999/xhtml">

<body>
	<u:composition template="/pages/layout/pageLayout.xhtml">
		<u:define name="body">
			<h:form id="form">

				<p:panel id="panelFiltro2" header="#{msgs.common_filtros}">
					<p:growl id="messages" life="5000" />
					
					<h:panelGrid columns="8">

						<h:outputText value="Fecha desde" />
						<p:calendar id="fechaDesde"
							value="#{reporteRentabilidadController.reporteQuery.fechaDesde}"
							mode="popup" showOn="button" locale="es"
							pattern="#{msgs.common_inputDateFormat}"
							readOnlyInputText="false" navigator="true" yearRange="c-100:c+50"
							converterMessage="El formato de la fecha es incorrecto">
						</p:calendar>
						<h:outputText value="" />
						<h:outputText value="" />

						<h:outputText value="Fecha Hasta" />
						<p:calendar id="fechaHasta"
							value="#{reporteRentabilidadController.reporteQuery.fechaHasta}"
							mode="popup" showOn="button" locale="es"
							pattern="#{msgs.common_inputDateFormat}"
							readOnlyInputText="false" navigator="true" yearRange="c-100:c+50"
							converterMessage="El formato de la fecha es incorrecto">
						</p:calendar>
						<h:outputText value="" />
						<h:outputText value="" />

						<h:outputText value="Familia" />
						<p:selectOneMenu id="comboFamilia"
							value="#{reporteRentabilidadController.reporteQuery.familiaID}">
							<f:selectItem itemLabel="-- Seleccione --" itemValue="" />
							<f:selectItems
								value="#{reporteRentabilidadController.listaDeFamilia}"
								var="familia" itemValue="#{familia.id}"
								itemLabel="#{familia.descripcion}" />
						</p:selectOneMenu>
						<h:outputText value="" />
						<h:outputText value="" />

						<h:outputText value="Producto" />
						<p:autoComplete id="productoAC"
							disabled="#{reporteRentabilidadController.productoSelected}"
							value="#{reporteRentabilidadController.productoView}"
							completeMethod="#{reporteRentabilidadController.completeProducto}"
							var="producto" itemLabel="#{producto.detalle}"
							itemValue="#{producto}" converter="productoConverter"
							maxResults="10" size="50">
							<p:ajax event="itemSelect"
								listener="#{reporteRentabilidadController.productoSelectChange}"
								update="productoAC,nombreProducto,deseleccinarLink" />
						</p:autoComplete>
						<h:panelGroup>
							<h:outputText id="nombreProducto"
								value="#{reporteRentabilidadController.productoView.detalle}" />
							<p:commandLink id="deseleccinarLink"
								disabled="#{!reporteRentabilidadController.productoSelected}"
								actionListener="#{reporteRentabilidadController.deselecionarProducto}"
								update="productoAC,nombreProducto,deseleccinarLink,:form:messages"
								process="@this">
								<h:graphicImage url="/resources/images/delete.gif"
									title="Deseleccionar" style="border:0px" />
							</p:commandLink>
						</h:panelGroup>


						<p:commandButton value="Consultar"
							actionListener="#{reporteRentabilidadController.query}" update="dataTable">
						</p:commandButton>
					</h:panelGrid>
				</p:panel>
				
				<h:outputText value="&#160;" />

				<p:dataTable id="dataTable" var="rentabilidad"
					value="#{reporteRentabilidadController.listaReporteRentabilidad}"
					paginator="true" rows="10"
					paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,15,20"
					emptyMessage="No se encontraron registros">

					<f:facet name="header">
						<h:outputText value="Reporte de rentabilidad" />
					</f:facet>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Familia" />
						</f:facet>
						<h:outputText value="#{rentabilidad.familia}" />
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Producto" />
						</f:facet>
						<h:outputText value="#{rentabilidad.producto}" />
					</p:column>
					
					<p:column>
						<f:facet name="header">
							<h:outputText value="Compra por peso del producto" />
						</f:facet>
						<h:outputText value="#{rentabilidad.compraPeso} (#{rentabilidad.unidadMedida})">
							<f:convertNumber pattern="###,###.##" />
						</h:outputText>
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Venta por peso del producto" />
						</f:facet>
						<h:outputText value="#{rentabilidad.ventaPeso} (#{rentabilidad.unidadMedida})">
							<f:convertNumber pattern="###,###.##" />
						</h:outputText>
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Compra" />
						</f:facet>
						<h:outputText value="#{rentabilidad.compra}">
							<f:convertNumber pattern="$###,###.##" />
						</h:outputText>
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Venta" />
						</f:facet>
						<h:outputText value="#{rentabilidad.venta}">
							<f:convertNumber pattern="$###,###.##" />
						</h:outputText>
					</p:column>

					<p:column>
						<f:facet name="header">
							<h:outputText value="Diferencia entre compras y ventas" />
						</f:facet>
						<h:outputText value="#{rentabilidad.rentabilidad}">
							<f:convertNumber pattern="$###,###.##" />
						</h:outputText>
					</p:column>

					<f:facet name="footer">
						<h:panelGrid columns="2">
							<h:outputText value="Diferencia total entre compras y ventas" />
							<h:outputText
								value="#{reporteRentabilidadController.rentabilidadTotal}">
								<f:convertNumber pattern="$###,###.##" />
							</h:outputText>
						</h:panelGrid>
					</f:facet>

				</p:dataTable>
				
			</h:form>

		</u:define>
	</u:composition>
</body>
</html>

